HTML 表格 您所在的位置:网站首页 html5 table属性 HTML 表格

HTML 表格

2023-08-31 16:42| 来源: 网络整理| 查看: 265

w3school 在线教程 HTML 系列教程 浏览器脚本 服务器脚本 编程教程 XML 系列教程 建站手册 参考手册 HTML 基础教程 HTML 教程 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 样式 HTML 格式化 HTML 引用 HTML 注释 HTML 颜色 HTML 颜色名 HTML CSS HTML 链接 HTML 图像 HTML 表格 HTML 列表 HTML 块 HTML 类 HTML Id HTML 内联框架 HTML JavaScript HTML 路径 HTML 头部 HTML 布局 HTML 响应式设计 HTML 计算机代码 HTML5 语义 HTML5 代码约定 HTML 实体 HTML 符号 HTML 表情符号 HTML 字符集 HTML URL HTML 框架 HTML 背景 HTML URL 编码 HTML Web 服务器 HTML 文档类型 HTML 速查手册 HTML XHTML XHTML 简介 XHTML 元素 XHTML 属性 HTML 表单 HTML 表单 HTML 表单属性 HTML 表单元素 HTML 输入类型 HTML 输入属性 HTML Input 表单属性 HTML 图形 HTML5 画布 HTML5 SVG HTML5 画布 vs SVG HTML 媒体 HTML 媒体 HTML 对象 HTML 音频 HTML 视频 HTML YouTube HTML5 HTML5 简介 HTML5 支持 HTML5 元素 HTML5 迁移 HTML API HTML5 地理定位 HTML5 拖放 HTML5 Web 存储 HTML5 应用缓存 HTML5 Web Workers HTML5 SSE 实例/测验/总结 HTML 实例 HTML 测验 HTML 总结 HTML 参考手册 HTML 元素(字母排序) HTML 元素(功能排序) HTML 浏览器支持 HTML 全局属性 HTML 事件 HTML 颜色名 HTML 画布 HTML 视频/音频 HTML 字符集 HTML 文档类型 HTML URL 编码 HTML 语言代码 HTML 国家代码 HTTP 消息 HTTP 方法 键盘快捷键 建站手册 网站构建 万维网联盟 (W3C) 浏览器信息 网站品质 语义网 职业规划 网站主机 关于 W3School 帮助 W3School HTML 表格 HTML 图像 HTML 列表

你可以使用 HTML 创建表格。

实例 表格 这个例子演示如何在 HTML 文档中创建表格。 表格边框 本例演示各种类型的表格边框。

(可以在本页底端找到更多实例。)

表格

表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2

在浏览器显示如下:

row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 表格和边框属性

如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。

使用边框属性来显示一个带有边框的表格:

Row 1, cell 1 Row 1, cell 2 表格的表头

表格的表头使用 标签进行定义。

大多数浏览器会把表头显示为粗体居中的文本:

Heading Another Heading row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2

在浏览器显示如下:

Heading Another Heading row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 表格中的空单元格

在一些浏览器中,没有内容的表格单元显示得不太好。如果某个单元格是空的(没有内容),浏览器可能无法显示出这个单元格的边框。

row 1, cell 1 row 1, cell 2 row 2, cell 2

浏览器可能会这样显示:

注意:这个空的单元格的边框没有被显示出来。为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。

row 1, cell 1 row 1, cell 2 ; row 2, cell 2

在浏览器中显示如下:

row 1, cell 1 row 1, cell 2   row 2, cell 2 更多实例 没有边框的表格 本例演示一个没有边框的表格。 表格中的表头(Heading) 本例演示如何显示表格表头。 空单元格 本例展示如何使用 ";" 处理没有内容的单元格。 带有标题的表格 本例演示一个带标题 (caption) 的表格 跨行或跨列的表格单元格 本例演示如何定义跨行或跨列的表格单元格。 表格内的标签 本例演示如何显示在不同的元素内显示元素。 单元格边距(Cell padding) 本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。 单元格间距(Cell spacing) 本例演示如何使用 Cell spacing 增加单元格之间的距离。 向表格添加背景颜色或背景图像 本例演示如何向表格添加背景。 向表格单元添加背景颜色或者背景图像 本例演示如何向一个或者更多表格单元添加背景。 在表格单元中排列内容 本例演示如何使用 "align" 属性排列单元格内容,以便创建一个美观的表格。 框架(frame)属性 本例演示如何使用 "frame" 属性来控制围绕表格的边框。 表格标签 表格 描述 定义表格 定义表格标题。 定义表格的表头。 定义表格的行。 定义表格单元。 定义表格的页眉。 定义表格的主体。 定义表格的页脚。 定义用于表格列的属性。 定义表格列的组。 HTML 图像 HTML 列表 HTML 参考手册 HTML 实例 HTML 测验

W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。

使用条款 隐私条款 技术支持:赢科 蒙ICP备06004630号



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有